<?php
if(isset($_POST['envoyer'])){
	 $erreurs= $this->inscrireParticulier();
}
?>
      				
<div id="container_demo" >
<form id="monForm" method="post" onSubmit="return verifInscriptionParticulier()">
<h1>Création de compte de Particulier </h1>
	<?php if(isset($erreurs['email'])){
		echo "<div class='errors'>Erreur : Adresse email déjà utilisé par un autre utilisateur.</div>";
		echo '<script>backgroundErrors("email")</script>';
	} else if(isset($erreurs['telephone'])){
		echo "<div class='errors'>Erreur : Ce numero de téléphone exitse déjà pour un autre utilisateur.</div>";
		echo '<script>document.getElementById("telephone").style.background ="#F38585"</script>';
	}?>
    <br />
	<fieldset><legend><div class="information-perso">Informations Personnelles</div></legend>
    
    	<label for="nom" class="control-label">Nom : </label>
        <input type="text" name="nom" id="nom" required autofocus placeholder="Votre nom" pattern="^[a-zA-Zéèà ]{2,}$"
        value="<?php echo isset($_POST['nom']) ? $_POST['nom'] : "" ?>" onBlur="document.getElementById('nom'
        ).style.background = 'white'"/>
        
        <label for="prenom">Prénom : </label>
        <input type="text" name="prenom" id="prenom" required placeholder="Votre prénom" pattern="^[a-zA-Zéèà ]{2,}$"
        value="<?php echo isset($_POST['prenom']) ? $_POST['prenom'] : "" ?>" onBlur="document.getElementById('prenom'
        ).style.background = 'white'"/>
        
        <label for="fonction">Fonction : </label>
        <input type="text" name="fonction" id="fonction" placeholder="votre fonction" pattern="^[a-zA-Zéèà ]{2,}$"
        value="<?php echo isset($_POST['fonction']) ? $_POST['fonction'] : "" ?>" onBlur=
        "document.getElementById('fonction').style.background = 'white'"/>
        
        <label for="telephone">Telephone : </label>
        <input type="text" name="telephone"  id="telephone" required placeholder="Votre numero de tél" pattern=
        "^0[0-9]{9}$" value="<?php echo isset($_POST['telephone']) ? $_POST['telephone'] : ""?>" onBlur=
        "document.getElementById('telephone').style.background = 'white', verifierTel('#telephone')" onFocus="cacherDiv('#tel')"/><div id="tel" 
        class="erreurs" style="display:none"></div>
        
        <label for="adresse">Adresse : </label>
        <input type="text" name="adresse" id="adresse" required placeholder="Votre adresse" pattern="^[a-zA-Zéèà0-9 ]+$" 
        value="<?php echo isset($_POST['adresse']) ? $_POST['adresse'] : "" ?>" />
        
        <label for="code_postal">Code postal : </label>
        <input type="number" required id="code_postal" name="code_postal" pattern = "^[0-9]{5}$" value="<?php echo 
		isset($_POST['code_postal']) ? $_POST['code_postal'] : "" ?>" onBlur="document.getElementById('code_postal'
        ).style.background = 'white'"/>
        
         <label for="ville">Ville : </label>
        <input type="text" name="ville"  id="ville" required placeholder="Votre ville" pattern="^[a-zA-Zéèà ]{2,}$"
        value="<?php echo isset($_POST['ville']) ? $_POST['ville'] : "" ?>" onBlur="document.getElementById('ville'
        ).style.background = 'white'"/>
        
        <label for="Pays">Pays : </label>
        <select name="pays" id="name" required>
        	<option id="france">France</option>
        </select>
    </fieldset><br />
  <fieldset><legend>Informations du Compte</legend>
    	<label for="email" >Email : </label>
        <input type="email" name="email" id="email" required placeholder="exemple@domain.com" value="<?php echo 
		isset($_POST['email']) ? $_POST['email'] : "" ?>" onBlur="document.getElementById('email').style.background =
         'white'; verifierMail()" onFocus="cacherDiv('#erreurs')"/><div id="erreurs" class='erreurs' style="display:none"></div>
    	<label for="password">Mot de passe : </label>
        <input name="password" type="password" required id="password" placeholder=" Votre mot de passe" value="<?php echo
		isset($_POST['password']) ? $_POST['password'] : "" ?>" onBlur="document.getElementById('password'
        ).style.background = 'white';verifierPassword()" onFocus="cacherDiv('#pass')"/><div id="pass" class="erreurs"
         style="display:none"></div>
        <label for="conf_password">Confirmer votre mot de passe : </label>
      	<input name="conf_password" type="password" required id="conf_password" placeholder="Confirmer votre mot de passe" value="<?php echo isset($_POST['conf_password']) ? $_POST['conf_password'] : "" ?>" />
        <pre><em>Votre mot de passe doit contenir au mois 6 charactères pour des raisons de sécurité</em></pre>
        <hr />
            <button class="button"  type="submit" name="envoyer" title="Créer mon compte">Créer compte</button>
            <button class="button"  type="reset">Tout éffacer</button> 
       
    </fieldset>

</form>
</div>
